$(function () {
  $('#link_reg').on('click', function () {
    $('.login-box').hide()
    $('.reg-box').show()
  })

  //点击去登录
  $('#link_login').on('click', function () {
    $('.login-box').show()
    $('.reg-box').hide()
  })

  layui.form.verify({
    //想要的密码长度
    pass: [
      /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
    ],
    //为了校验密码和校验密码是否一致
    rePwd: (val) => {
      //val 就是确认密码输入框的value值
      //密码框的value值
      const pwdValue = $('#password').val().trim()
      if (val !== pwdValue) {
        return '两次输入密码不一致'
      }
    }
  })


  /**
   * 1. 需要给注册的表单添加submit事件
   * 2. 阻止表单的默认行为
   * 3. 获取到输入框里面的内容
   * 4. 参考接口文档 关注接口地址与请求方式
   * 5. 发送ajax
   * 6. 接收服务器响应回来的数据 看看是否注册成功 注册失败需要提示用户
   * 7. 注册成功 模拟去登录a标签的点击事件
   */

  $('#reg_form').on('submit', function (e) {
    e.preventDefault()
    //获取输入框的内容
    const data = $(this).serialize()
    // console.log(data);
    $.post('/api/reguser', data, res => {
      const {
        status,
        message
      } = res
      if (status !== 0) return layer.msg(message, {
        icon: 2
      })
      layer.msg('注册成功', {
        icon: 1
      })
      //注册成功 手动点击去登录
      $('#link_login').click()
    })
  })



  /**
   * 1. 需要给登录的表单添加submit事件
   * 2. 阻止表单的默认行为
   * 3. 获取到输入框里面的内容
   * 4. 参考接口文档 关注接口地址与请求方式
   * 5. 发送ajax
   * 6. 接收服务器响应回来的数据 看看是否登录成功 登录失败需要提示用户
   * 7. 需要将服务器响应回来的token保存到本地存储中
   * 8. 跳转到后台首页
   */

  $('#login-form').on('submit', function (e) {
    e.preventDefault()
    //登录的账号和密码
    const data = $(this).serialize()
    // console.log(data);  
    $.ajax({
      type: 'post',
      url: '/api/login',
      data,
      success: res => {
        const {
          status,
          message,
          token
        } = res
        // console.log(res);
        if (status !== 0) return layer.msg(message)
        //保存本地
        sessionStorage.setItem('token', token)
        location.href = '/index.html'
      }
    })
  })
})